<template>
  <el-tabs type="border-card">
    <el-tab-pane label="补充协议1">
      <!-- 内容区 -->
      <el-row>
        <el-col :span="23"
          ><div class="grid-content bg-purple">协议内容：</div></el-col
        >
        <el-col :span="1"
          ><div class="grid-content bg-purple-light">
            <el-tag type="warning" effect="plain"> 删除 </el-tag>
          </div></el-col
        >
      </el-row>
      <div class="box"></div>
    </el-tab-pane>
    <el-tab-pane label="补充协议2">协议内容：</el-tab-pane>
    <el-tab-pane label="补充协议3">协议内容：</el-tab-pane>
  </el-tabs>
</template>

<style scoped>
.el-tabs {
  width: 95% !important;
  margin: 0 auto;
}

.box {
  width: 98%;
  height: 100px;
  background-color: #f8f8f8;
  border: 1px solid #fafafa;
  margin: 10px auto;
}
</style>